<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/Productdetails.css"/>
		<title>团购产品详情</title>
	</head>
	<body>
		
		<div id="web">
			<!--头部-->
			<header class="clearfix">
				<!--logo-->
				<div class="back fl">
					<a href="found.html"><input type="button"  value="Back" /></a>
				</div>
				
				<div class="discover fl">产品详情</div>
				
				<div class="navpicture fr">
					<img src="img/stars.png" />
				</div>
			</header>
			
			<!--内容-->
			 
<div class="session">
	<!--图片-->
	<div class="pro1">
		<img src="img/productbig.jpg" />
	</div>
	<!--价格-->
	<div class="price">
		<div class="money">
			￥32
		</div>
		<div class="buy fr">
			购买
		</div>
	</div>
	<!--好评-->
	<div class="evaluation">
		<div class="rating fl">
			<img src="img/stars.png" />
		</div>
		<div class="rating1">好评度<span>99%</span></div>
		<div class="overall-merit fr">
			共605个评价 &gt; 
		</div>
	</div>
	
	<!--适用商户-->
	<div class="apply">
		<div class="merchants">
			<div class="merchants-text">适用商户</div>
			<div class="merchants-text1 fr"> &gt;</div>
		</div>	
	</div>
	
	<div class="Review-the-businessman">
		<div class="pic1 fl">
			<img src="img/businessman1.png"/>
		</div>
						
		<div class="review1 fl">
			<div class="text1">万岁寿司(正佳店)</div>				
			<div class="stars1">
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			&nbsp;
			<label>10分</label>
			</div>			
			<div>离你100m</div>				
			<div><a href="#">查看详情&gt;&gt;</a></div>				
		</div>				
		<div class="in fr">
			<input type="submit" name="" id="" value="进入" />
		</div>				
	<div class="clear"></div>
	</div>
	
	<div class="Review-the-businessman">
		<div class="pic1 fl">
			<img src="img/businessman2.png"/>
		</div>
						
		<div class="review1 fl">
			<div class="text1">万岁寿司(体育西)</div>				
			<div class="stars1">
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			&nbsp;
			<label>10分</label>
			</div>			
			<div>离你100m</div>				
			<div><a href="#">查看详情&gt;&gt;</a></div>				
		</div>				
		<div class="in fr">
			<input type="submit" name="" id="" value="进入" />
		</div>				
	<div class="clear"></div>
	</div>
	
	<div class="Review-the-businessman">
		<div class="pic1 fl">
			<img src="img/businessman3.jpg"/>
		</div>
						
		<div class="review1 fl">
			<div class="text1">万岁寿司(昌岗店)</div>				
			<div class="stars1">
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			<img src="img/stars.png"/>
			&nbsp;
			<label>10分</label>
			</div>			
			<div>离你100m</div>				
			<div><a href="#">查看详情&gt;&gt;</a></div>				
		</div>				
		<div class="in fr">
			<input type="submit" name="" id="" value="进入" />
		</div>				
	<div class="clear"></div>
	</div>
</div>	

			<!--底部-->
<footer>
	<ul class="clearfix">
	<li>
		<a href="index.html">
		<i class="iconfont icon-path"></i>
		<p>首页</p>
		</a>
	</li>
					
	<li>
	<a href="classification.html">
		<i class="iconfont icon-classify "></i>
		<p>分类</p>
		</a>
		</li>
					
	<li>
		<a href="found.html">
		<i class="iconfont icon-zhinanzhen"></i>
		<p>发现</p>
		</a>
	</li>
					
	<li>
	<a href="my.html">
	<i class="iconfont icon-user"></i>
	<p>我的</p>
	</a>
	</li>
	</ul>
</footer>
</div>
		
		
		
		
		
		   <script>
    
        
		document.body.style.height = window.innerHeight + "px";
		
        /*动态改变根元素字体大小*/
        function recalc() {
            var clientWidth = document.documentElement.clientWidth;
            if(!clientWidth) return;
            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
        }

        function initRecalc() {
            recalc();
            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
            if(!document.addEventListener) return;
            window.addEventListener(resizeEvt, recalc, false);
            document.addEventListener('DOMContentLoaded', recalc, false);
        }
        initRecalc();
    
    
    
    </script>
	</body>
</html>
